import React from 'react';
import SvgIcon, { type SvgIconProps } from '@mui/material/SvgIcon';

const SlackIcon: React.FC<SvgIconProps> = props => (
  <SvgIcon viewBox='0 0 24 24' {...props}>
    <svg
      width='24'
      height='24'
      viewBox='0 0 24 24'
      fill='none'
      xmlns='http://www.w3.org/2000/svg'
    >
      <path
        d='M6.20195 14.6381C6.20195 15.7944 5.25733 16.7391 4.10098 16.7391C2.94463 16.7391 2 15.7944 2 14.6381C2 13.4817 2.94463 12.5371 4.10098 12.5371H6.20195V14.6381Z'
        fill='#E01E5A'
      />
      <path
        d='M7.25977 14.6381C7.25977 13.4817 8.20439 12.5371 9.36074 12.5371C10.5171 12.5371 11.4617 13.4817 11.4617 14.6381V19.8987C11.4617 21.055 10.5171 21.9997 9.36074 21.9997C8.20439 21.9997 7.25977 21.055 7.25977 19.8987V14.6381Z'
        fill='#E01E5A'
      />
      <path
        d='M9.36074 6.20195C8.20439 6.20195 7.25977 5.25733 7.25977 4.10098C7.25977 2.94463 8.20439 2 9.36074 2C10.5171 2 11.4617 2.94463 11.4617 4.10098V6.20195H9.36074Z'
        fill='#36C5F0'
      />
      <path
        d='M9.36156 7.26074C10.5179 7.26074 11.4625 8.20537 11.4625 9.36172C11.4625 10.5181 10.5179 11.4627 9.36156 11.4627H4.10098C2.94463 11.4627 2 10.5181 2 9.36172C2 8.20537 2.94463 7.26074 4.10098 7.26074H9.36156Z'
        fill='#36C5F0'
      />
      <path
        d='M17.7988 9.36172C17.7988 8.20537 18.7435 7.26074 19.8998 7.26074C21.0562 7.26074 22.0008 8.20537 22.0008 9.36172C22.0008 10.5181 21.0562 11.4627 19.8998 11.4627H17.7988V9.36172Z'
        fill='#2EB67D'
      />
      <path
        d='M16.7391 9.36156C16.7391 10.5179 15.7944 11.4625 14.6381 11.4625C13.4817 11.4625 12.5371 10.5179 12.5371 9.36156V4.10098C12.5371 2.94463 13.4817 2 14.6381 2C15.7944 2 16.7391 2.94463 16.7391 4.10098V9.36156Z'
        fill='#2EB67D'
      />
      <path
        d='M14.6381 17.7979C15.7944 17.7979 16.7391 18.7425 16.7391 19.8988C16.7391 21.0552 15.7944 21.9998 14.6381 21.9998C13.4817 21.9998 12.5371 21.0552 12.5371 19.8988V17.7979H14.6381Z'
        fill='#ECB22E'
      />
      <path
        d='M14.6381 16.7391C13.4817 16.7391 12.5371 15.7944 12.5371 14.6381C12.5371 13.4817 13.4817 12.5371 14.6381 12.5371H19.8987C21.055 12.5371 21.9997 13.4817 21.9997 14.6381C21.9997 15.7944 21.055 16.7391 19.8987 16.7391H14.6381Z'
        fill='#ECB22E'
      />
    </svg>
  </SvgIcon>
);

export default SlackIcon;
